<mdc-card [ngClass]="{'renderer': isRenderer}">
  <mdc-card-actions>
    <mdc-card-action-buttons>
      {{_control.label}}<span *ngIf="_control.isRequired">*</span>
    </mdc-card-action-buttons>

    <mdc-card-action-icons>
      <button mdcIconButton dense mdcCardAction="icon" (click)="preventDefault($event); openControlPanel()"
      (mousedown)="preventDefault($event)" (touchstart)="preventDefault($event)">
        <mdc-icon>settings</mdc-icon>
      </button>
      <button mdcIconButton mdcCardAction="icon" (click)="preventDefault($event); removeControl()"
        (mousedown)="preventDefault($event)" (touchstart)="preventDefault($event)">
        <mdc-icon>close</mdc-icon>
      </button>
    </mdc-card-action-icons>
  </mdc-card-actions>
  <div class="card-content">
    <mdc-form-field>
      <mdc-text-field placeholder="{{_control.placeholder}}" [attr.readonly]="!isRenderer" autocomplete="off" outlined dense></mdc-text-field>
    </mdc-form-field>
  </div>
</mdc-card>